<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 引入移动端初始化css -->
    <link rel="stylesheet" href="css/base.css" />
    <script src="css/flexible.js"></script>
    <link rel="stylesheet" href="css/移动端初始化.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <input type="text" placeholder="搜索:目的地/酒店/景点/航班号" />
      <div class="my">
        <div class="seach"></div>
        <span>我的</span>
      </div>
    </header>
    <!-- 攻略景点部分 -->
    <article>
      <ul>
        <li>
          <span class="icon_span1"> </span> <span class="span2">攻略景点</span>
        </li>
        <li>
          <span class="icon_span2"> </span> <span class="span2">门票玩乐</span>
        </li>
        <li>
          <span class="icon_span3"> </span> <span class="span2">美食林</span>
        </li>
        <li>
          <span class="icon_span4"> </span> <span class="span2">周边游</span>
        </li>
        <li>
          <span class="icon_span5"> </span> <span class="span2">一日游</span>
        </li>
      </ul>
    </article>
    <!-- 酒店机票旅游部分 -->
    <nav>
      <ul>
        <li>
          <ol class="hotel">
            <li>
              <span>酒店</span>
            </li>
            <li>
              <span>民宿客栈</span>
            </li>
            <li>
              <span>特价爆款</span>
            </li>
          </ol>
        </li>
        <li>
          <ol class="Air_ticket">
            <li>
              <span>机票</span>
            </li>
            <li>
              <span>火车票</span>
            </li>
            <li>
              <span>汽车船票</span>
            </li>
            <li>
              <span>专车租车</span>
            </li>
          </ol>
        </li>
        <li>
          <ol class="Air_ticket">
            <li>
              <span>旅游</span>
            </li>
            <li>
              <span>高铁</span>
            </li>
            <li>
              <span>邮轮游</span>
            </li>
            <li>
              <span>定制游</span>
            </li>
          </ol>
        </li>
      </ul>
    </nav>
    <!-- 十个小图标部分 -->
    <div class="tenicon">
      <ul>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
        <li>
          <span class="ten_icon"></span>
          <span>自由行</span>
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="bottom">
      <ul>
        <li><span class="bottom_icon"></span> <span>电话</span></li>
        <li><span class="bottom_icon"></span> <span>下载客户端</span></li>
        <li><span class="bottom_icon"></span> <span>我的</span></li>
      </ul>
      <p>网站地图language|电脑版</p>
      <p>@携程旅行|沪ICP备08023580号</p>
    </div>
  </body>
</html>
